﻿<!DOCTYPE html>
<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>About Fantasy</title>
<meta name="keywords" content="about fantasy, our company, responsive design, free template, bootstrap, templatemo" />
<meta name="description" content="Fantasy Design, about us, multiple columns, responsive layout, free template with Bootstrap framework" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Custom styles for this template -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/css/new.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/new.js" type="text/javascript"></script>
<link type="text/css" href="__PUBLIC__/_doc/base.css" rel="stylesheet" />
<!-- charity新加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="__PUBLIC__/css/snippet.css" rel="stylesheet">
<script type="text/javascript" src="__PUBLIC__/js/snippet.js"></script>
<!-- charity新加 -->
</head>
<!--***************************head新增：滚动广告***************************-->

<!--***********************head新增：滚动广告***************************-->

<body onResize="refresh()">
<div id="main_container">
  <div class="container" id="about"> 
    <!--***************************body新增：滚动广告***************************-->
    <div id="kinMaxShow">
      <div> <img src="__PUBLIC__/Img/Smile-1280x800.jpg"   />
        <div class="sub-01"> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
      </div>
      <div> <img src="__PUBLIC__/Img/eggs-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/christmas_1920x1200.jpg"     />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/Fall-Leaf-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
    </div>
    <!--***************************body新增：滚动广告***************************-->
    
    <div class="cleaner"></div>
    <div class="masthead" id="masthead">
      <ul class="nav nav-justified">
        <li><a href="{:U('Index/index')}">Home</a></li>
        <li><a href="{:U('Activity/index')}">Activity</a></li>
        <li><a href="{:U('Game/index')}">Game</a></li>
        <li class="active"><a href="{:U('index')}">Charity</a></li>
        <li><a href="{:U('Professor/index')}">Professor</a></li>
        <li><a href="about.html">Q&A</a></li>
      </ul>
    </div>
    <!--***********************添加1***************************-->
    <div class="row" id="img_preview">
      <div class="container wrap">
        <section class="thumbnails bootshape">
          <div class="row-myself">
              <volist name="list1" id="vo">
                  <div class="col-sm-6 col-md-3">
                      <div class="thumbnail"> <img src="__PUBLIC__{$vo.path1}">
                          <div class="author"> <img src="__PUBLIC__{$vo.path2}"> <i>{$vo.text2}</i> </div>
                          <div class="caption">
                              <h3 class="title">{$vo.title}</h3>
                              <div class="location"> <span class="glyphicon glyphicon-map-marker"></span> <span class="location">{$vo.location}</span> </div>
                              <p>{$vo.text}</p>
                              <div class="footer clearfix"> <a href="https://ebsnew.boc.cn/boc15/login.html" target="_blank" class="btn btn-success pull-right" role="button">Donate</a>
                                  <div class="price"> <span class="small">$</span> <span class="large">{$vo.integer}</span> <span class="small">.{$vo.decimal}</span> </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </volist>
          </div>
        </section>
      </div>
    </div>
    <!--***********************添加1***************************--> 
    
    <!--***********************添加2***************************-->
    <div class="row" id="img_preview">
      <div class="container wrap">
        <section class="thumbnails bootshape">
          <div class="row">
              <notempty name="list2">
                  <volist name="list2" id="vo">
                      <div class="col-sm-6 col-md-3">
                          <div class="thumbnail"> <img src="__PUBLIC__{$vo.path1}">
                              <div class="author"> <img src="__PUBLIC__{$vo.path2}"> <i>{$vo.text2}</i> </div>
                              <div class="caption">
                                  <h3 class="title">{$vo.title}</h3>
                                  <div class="location"> <span class="glyphicon glyphicon-map-marker"></span> <span class="location">{$vo.location}</span> </div>
                                  <p>{$vo.text}</p>
                                  <div class="footer clearfix"> <a href="https://ebsnew.boc.cn/boc15/login.html" target="_blank" class="btn btn-success pull-right" role="button">Donate</a>
                                      <div class="price"> <span class="small">$</span> <span class="large">{$vo.integer}</span> <span class="small">.{$vo.decimal}</span> </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </volist>
              </notempty>
          </div>
        </section>
      </div>
    </div>
    <!--***********************添加2***************************--> 
    
    <!--***********************添加3***************************-->

    <!--***********************添加3***************************--> 
  </div>
  <footer class="container">
    <div class="credit row">
      <div class="col-md-6 col-md-offset-3">
        <div id="templatemo_footer"> Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a> </div>
      </div>
      <div class="col-md-3">
        <div style="text-align: right"> <a href="#"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a> <a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a> <a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a> </div>
      </div>
    </div>
  </footer>
</div>
</body>
</html>
